// pages/Patrol/PatrolDeatil/PatrolDeatil.js
var app = getApp()
Page({

  /**
   * 页面的初始数据
   */
  data: {
    show:false,
    // longitude: "",
    // latitude: "",
    markers:[
      // {
      //  id: 0
      // ,iconPath: "../../../images/地点1.png"
      // ,longitude: locationInfo.longitude
      // ,latitude: locationInfo.latitude
      // ,width: 30
      // ,height: 30
      // }
    ]
  },
  //获取所有打卡地点
  getAllPoint(){
    var that=this
    wx.request({
      url: 'http://8.129.104.110/patrolLocation/1/999', //接口地址
      header: {
        'content-type': 'application/json' // 默认值
      },
      success: function (res) {
        var data=res.data.data.records;
        var points=[];
        var maker={
          id: 0,
          iconPath: "../../../images/地点1.png",
          longitude: '',
          latitude: '',
          width: 30,
          height: 30,
        }
        console.log(data[0])
        for(var i=0;i<data.length;i++){
            maker.id=data[i].id
            maker.longitude=data[i].longitude
            maker.latitude=data[i].latitude
            points.push(maker)
        }
        that.setData({
          markers:points
        })
      },
    })
  },
  //完成打卡
  finishWork(){},
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    var that = this;
    //获取所有打卡地点
    this.getAllPoint()
    // 获取定位，并把位置标示出来
    app.getLocationInfo(function(locationInfo){
        console.log('map',locationInfo);
        that.setData({
          longitude: locationInfo.longitude,
          latitude: locationInfo.latitude
        })
      })
      //set the width and height
      // 动态设置map的宽和高
      wx.getSystemInfo({
        success: function(res) {
          console.log('getSystemInfo');
          console.log(res.windowWidth);
          that.setData({
             map_width: res.windowWidth
            ,map_height: res.windowWidth
            ,controls: [{
              id: 1,
              iconPath: '../../../images/地点.png',
              position: {
                left: res.windowWidth/2 - 8,
                top: res.windowWidth/2 - 16,
                width: 30,
                height: 30
              },
              clickable: true
            }]
          })
        }
      })
  },
  //获取中间点的经纬度，并mark出来
  getLngLat: function(){
    var that = this;
    this.mapCtx = wx.createMapContext("map4select");
    this.mapCtx.getCenterLocation({
      success: function(res){

          that.setData({
          longitude: res.longitude
          ,latitude: res.latitude
          ,markers:[
            {
            id: 0
            ,iconPath: "../../../images/地点.png"
            ,longitude: res.longitude
            ,latitude: res.latitude
            ,width: 30
            ,height: 30
            }
          ]
        })

      }
    })
},
regionchange(e) {
  // 地图发生变化的时候，获取中间点，也就是用户选择的位置
    if(e.type == 'end'){
        this.getLngLat()
    }
}
,markertap(e) {
  console.log(e)
},
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})